<template>
  <van-nav-bar
    @click-left="clickLeft"
    :fixed="false"
    :left-text="left"
    left-arrow
  >
    <template #right>
      <van-cell :border="false" @click="showPopup">
        <van-icon color="#65c541" class="m-r-1 m-t-1" name="search" size="23" />
      </van-cell>
      <van-popup v-model="show">这是内容的辣</van-popup>

      <van-icon color="#65c541" name="coupon-o" size="23" />
    </template>
  </van-nav-bar>
</template>

<script>
export default {
  data() {
    return {
      show: false,
    }
  },
  props: ['left'],
  methods: {
    clickLeft() {
      this.$router.back()
    },
    showPopup() {
      this.show = true
    },
  },
}
</script>

<style>
.van-nav-bar__text {
  color: #1a1a1a;
  font-size: 18px;
}
.van-nav-bar__arrow {
  color: #65c541 !important;
}
</style>
